<template>
	<div class="footer">
		<div class="youhui">
			<p class="manjian">满30减20元，满40减24元，满60减35元</p>
		</div>
		<div class="goucar">
			<div class="goutu iconfont">&#xe601;</div>
			<div class="peisong">
				<p class="weixuan">未选购商品<br>另需配送费</p>
			</div>
			<div class="jqqi">￥20起送</div>
		</div>
	</div>
</template>

<script type="text/javascript">
	
</script>


<style type="text/css">
	.footer{
		margin-top:30px;
		position: fixed;
		width:100%;
		bottom:0;
		right:0;
	}
	.youhui{
		background-color: #f9e8a3;
		width:100%;
		margin:0;
	}
	.manjian{
		text-align:center;
		color:#333;
		margin:0;
	}
	.goucar{
		background-color: #363636;
		position: relative;
		height:3.28rem;
		text-align:center;
	}
	.goutu{
		font-size:40px;
		width:50px;
		height:50px;
		border-radius: 50%;
		background-color: rgba(61,61,63,.9);
		position: absolute;
		top:-10px;
		left:10px;
	}
	.weixuan{
		font-size: .48rem;
		color:#fff;
		/*display: inline-block;*/	
		float:left;
		margin-left:80px;
	}
	.jqqi{
		font-size: .4rem;
		color:#fff;
		text-align: center;
		float:right;
		margin-top: 20px;
    	margin-right: 10px;
	}
</style>
